<!DOCTYPE html>
<html lang="en" style="overflow-x:hidden !important;width:100%;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>填写订单</title>
    <link rel="stylesheet" href="../../../css/aui.css" />
    <link rel="stylesheet" href="../../../css/iconfont/iconfont.css">
    <link rel="stylesheet" href="../../../css/index/hotel/common.css">
    <link rel="stylesheet" href="../../../css/index/hotel/main.css">
    <link rel="stylesheet" href="../../../css/index/hotel/calendar.css">
    <link rel="stylesheet" href="../../../css/index/train/train_message.css"/>
</head>
<body style="cursor: pointer;">
    <header class="aui-bar aui-bar-nav" id="header" style="color: #fff;background:transparent;position: fixed;top:-1px;z-index: 99;">
        <a class="aui-pull-left" onclick="closeWin();">
            <span class="aui-iconfont aui-icon-left qt-font16 qt-white"></span>
        </a>
        <div class="aui-title" style="color:transparent;">酒店房型</div>
    </header>
    <div class="qt-wrapper" style="">
        <div class="qt-header-wrapper qt-hide">
            <div class="qt-header fixed"></div>
        </div>
        <div class="qt-scroll-wrapper">
            <div class="qt-content">
                <div class="qt-sub-header">
                </div>
                <div class="qt-body">
                    <div class="hd-banner room qt-center qt-overflow" style="min-height: 50px;height: 200px;">
                        <img class="hotelimage" src="../../../image/index/hotel/C._M0DCiyxbbzwRlq1i480.jpg">
                    </div>
                    <div class="qt-main-info qt-arrow r5">
                        <div class="qt-center qt-info-top qt-arrow">
                            <p class="qt-font18 qt-black"></p>
                            <p class="qt-font14 qt-grey">2009年开业</p>
                        </div>
                        <div class="qt-info-bottom qt-mt10" style="padding-bottom: 10px;">
                            <div class="qt-bottom-left qt-center qt-plr10">
                                <p class="qt-blue qt-font24">4.0 <em class="qt-font12">分</em></p>
                                <p class="qt-bg-blue qt-white r5">不错哦</p>
                            </div>
                            <div class="qt-bottom-right qt-pr20 qt-ml5" style="width: 100%;display: flex;align-items: center;">
                                <div>
                                    <p class="qt-font14 qt-lh2 qt-black look-detail">星河湾2号星河湾2号星河湾2号星河湾2号</p>
                                    <p style="margin-top: -5px;margin-left: -2px;">
                                        <i class="iconfont icon-dianhuazixunhuawuzongheguanli qt-blue qt-font20"></i>
                                        <span class="qt-font14 qt-black qt-text-b qt-ml5">0351-761212313200+0+.0+.</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="qt-map-location">
                        <p><img style="width:100%;" src="../../../image/index/hotel/map-bg.png" alt=""></p>
                        <div class="qt-font14 qt-grey qt-center">太原小店区,体育路 | 长风街 | 亲贤北街 </div>
                    </div>
                    <div class="qt-mt30 qt-bt-x1 ui-tip-bar">
                        <div class="div-row time-select qt-pa10 qt-grid">
                            <div class="col12 date-left date-line r5 qt-pa5">
                                <div style="display: inline-block;">
                                    <span class="qt-font22 qt-blue" id="startDate">09月18日</span>
                                    <i style="vertical-align: sub;" class="week">周二入住</i>
                                </div>
                                <div style="display: inline-block;">
                                    <span class="qt-blue qt-font12 qt-mlr15 qt-font12 r5 qt-plr5 qt-ptb2 date-amount ">共
                                        <span class="count-day qt-blue qt-font12 NumDate" style="vertical-align: baseline;">10</span>晚
                                    </span>
                                </div>
                                <div style="display: inline-block;">
                                    <span class="qt-font22 qt-blue" id="endDate">09月28日</span>
                                    <i style="vertical-align: sub;" class="week1">周五离店</i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <ul class="qt-list qt-font14 color3 room-list-css room-list" style="opacity: 1;">
                        <!--<li data-type="0" class="add-border">
                            <div class="room-content-div">
                                <div class="qt-room-img J-image-preview">
                                    <img class="" src="../../../image/index/hotel/C._M0DCiiNjq162FKni120.jpg">
                                    <div class="qt-img-num">
                                        <div class="bg"></div>
                                        <p>2张</p>
                                    </div>
                                </div>
                                <div class="qt-grid qt-pa10 qt-arrow b room-content-head room-content-head-width" data-loadingpro="true" data-type="0" data-roomname="大床房" data-index="0">
                                    <div class="name-wrap qt-overflow">
                                        <div class="qt-font16 room-name text-overflow">
                                            大床房
                                        </div>
                                        <div class="text-overflow">
                                            <span class="qt-font12 qt-grey">20㎡ 1张1.8m双人床 有wifi 可住2人</span>
                                            &lt;!&ndash;<span class="qt-font12 qt-grey">双床1mx2</span>&ndash;&gt;
                                        </div>
                                    </div>
                                    <div class="price-right-wrap">
                                        <div class="price-wrap">
                                            <span class="qt-font12 qt-orange">¥</span>
                                            <span class="qt-font20 qt-orange qt-bold">27</span>
                                            <span class="qt-font12" style="color:#9e9e9e;">起</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="bgf0 room-content">
                                <ul class="qt-list bgf0 pro-room-list no-last-child-border">
                                    <li class="" style="">
                                        <div class="qt-bb-x1">
                                            <div class="flex1 room-name-wrap qt-overflow">
                                                <div class="qt-font16">
                                                    <span class="qt-basicInfo">
                                                    </span>
                                                </div>
                                                <div class="qt-font12 room-name-left" style="white-space: nowrap;">
                                                    <div class="basic-info">
                                                        <span class="icon"></span>
                                                        <span class="icon" style="color:#212121;font-size:14px;">无早</span>
                                                    </div>
                                                    <div class="basic-info">
                                                        <span class="icon"></span>
                                                        <span class="icon" style="color:#212121;font-size:14px;">大床</span>
                                                    </div>
                                                    <div class="basic-info qt-arrow r"></div>
                                                </div>
                                                <div class="qt-font12 text-overflow qt-lh room-name-left">
                                                    <div class="basic-info">
                                                        <span style="color:#212121">取消扣全款</span>
                                                    </div>
                                                </div>
                                                <div class="qt-font12 text-overflow room-name-left qt-grey">
                                                    大床房(无独立卫生间)(内宾)
                                                </div>
                                                <div>
                                                </div>
                                            </div>
                                            <div class="price-right-wrap">
                                                <div class="price-wrap">
                                                    <span class="qt-font12 qt-orange">¥</span>
                                                    <span class="qt-font20 qt-orange qt-bold">2127</span>
                                                </div>
                                                <div class="order-btn"></div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>-->
                    </ul>

                </div>
            </div>
        </div>
        <div class="qt-footer fixed "></div>
    </div>
    <div class="select-travel-type" style="display: none;">
        <ul>
            <li data-type="2" style="height: auto;" class="oneself">
                <div class="reason" style="text-align: left;width:86%;">
                    <p>因公，为本人预定</p>
                    <p class="policy" style="display: inline-block;word-wrap: break-word;word-break: break-all;"></p>
                </div>
                <div class="detail_right">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </li>
            <li data-type="3" class="other-people">
                <div class="reason">
                    <p>因公，为他人/多人预定</p>
                    <p style="text-align: left">请选择乘客</p>
                </div>
                <div class="detail_right">
                    <i class="aui-iconfont aui-icon-right"></i>
                </div>
            </li>
        </ul>
    </div>
    <div class="mask_calendar">
        <div class="calendar" style=""></div>
    </div>
</body>

<!--房间模板-->
<script type="text/template" charset="utf-8" id="room_list_tpl">
    {{ for(var i=0;i<it.length;i++){ }}
        <li data-type="0" class="add-border">
            <div class="room-content-div" data-index="{{= i}}">
                <div class="qt-room-img J-image-preview">
                    <img class="" src="{{= it[i].ImageUrl}}">
                </div>
                <div class="qt-grid qt-pa10 qt-arrow b room-content-head room-content-head-width" data-loadingpro="true" data-type="0" data-roomname="大床房" data-index="0">
                    <div class="name-wrap qt-overflow">
                        <div class="qt-font16 room-name text-overflow">
                            {{= it[i].Name }}
                        </div>
                        <div class="text-overflow">
                            <span class="qt-font12 qt-grey">{{= it[i].Description}}</span>
                            <!--&lt;!&ndash;<span class="qt-font12 qt-grey">双床1mx2</span>&ndash;&gt;-->
                        </div>
                    </div>
                    <div class="price-right-wrap">
                        <div class="price-wrap">
                            <span class="qt-font12 qt-orange">¥</span>
                            <span class="qt-font20 qt-orange qt-bold">{{= calculate(it[i].RatePlans[0]['TotalRate'])}}</span>
                            <span class="qt-font12" style="color:#9e9e9e;">起</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bgf0 room-content">
                <ul class="qt-list bgf0 pro-room-list no-last-child-border">

                </ul>
            </div>
        </li>
    {{ } }}
</script>
<script type="text/template" charset="utf-8" id="rate_type_tpl">
    {{ for(var i=0;i<it.length;i++){ }}
    <div class="bgf0 room-content">
        <ul class="qt-list bgf0 pro-room-list no-last-child-border">
            <li class="" style="">
                <div class="qt-bb-x1">
                    <div class="flex1 room-name-wrap qt-overflow">
                        <div class="qt-font16">
                            <span class="qt-basicInfo"></span>
                        </div>
                        <div class="qt-font14 room-name-left" style="white-space: nowrap;">
                            <div class="basic-info">
                                <span class="iconfont icon-mianfeizaocan" style="color:#212121;font-size:14px;">{{= it[i].IsBreakfast}}</span>
                            </div>
                            <div class="basic-info">
                                <span class="iconfont icon-chengrendachuang" style="color:#212121;font-size:14px;">{{= it[i].BedType}}</span>
                            </div>
                            <div class="basic-info qt-arrow r"></div>
                        </div>
                        <div class="qt-font14 text-overflow qt-lh room-name-left">
                            <div class="basic-info">
                                <span style="color:#4caf50;">{{= it[i].ChangeRuleView}}</span>
                            </div>
                        </div>
                        <div class="qt-font14 text-overflow room-name-left qt-grey">
                            {{= it[i].RatePlanName}}
                        </div>
                        <div>
                        </div>
                    </div>
                    <div class="price-right-wrap booking" data-index="{{= i}}" data-price="{{= calculate(it[i].TotalRate)}}">
                        <div class="price-wrap">
                            <span class="qt-font12 qt-orange">¥</span>
                            <span class="qt-font20 qt-orange qt-bold">{{= calculate(it[i].TotalRate)}}</span>
                        </div>
                        <div class="order-btn"></div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    {{ } }}

</script>
<script type="text/javascript" src="../../../script/extend/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../../script/aui/api.js"></script>
<script type="text/javascript" src="../../../script/aui/aui-dialog.js"></script>
<script type="text/javascript" src="../../../script/extend/hotel/date.js"></script>
<script type="text/javascript" src="../../../script/common.js"></script>
<script type="text/javascript" src="../../../script/config.js"></script>
<script type="text/javascript" src="../../../script/extend/doT.min.js"></script>
<script type="text/javascript" src="../../../service/index/hotel/detail.js"></script>
<script>
    apiready = function() {
        api.parseTapmode();

        $api.fixStatusBar($api.byId('header'));

        new detail();
    };
    function calculate(TotalRate){
        let hotelData = JSON.parse($api.getStorage('hotel_data'));
        // console.log(Math.round(parseInt(TotalRate)/parseInt(hotelData.date_amount)));
        return Math.ceil(parseInt(TotalRate)/parseInt(hotelData.date_amount));
    }
</script>
</html>